<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
    google.load('prototype', '1.6.0.2');
    google.load("scriptaculous", "1.8.1");
</script>
<script src="/js/user.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
    function clearSelectedTab()
    {
        $('homeTabs').select('li a').each(function(e){
            e.className = ''
        })
    }
    Event.observe(window, 'load', function(){
        $('ripplesRecent').observe('click', function(){
            clearSelectedTab()
            this.className = 'selectedTab'
            
            new Ajax.Updater('innerT', '/ajax/recent', {method:'get' });
        })
        
        $('ripplesFriends').observe('click', function(){
            clearSelectedTab()
            this.className = 'selectedTab';

            new Ajax.Updater('innerT', '/ajax/friends', {method:'get' });
        })

        $('ripplesEveryone').observe('click', function(){
            clearSelectedTab()
            this.className = 'selectedTab';
            
            new Ajax.Updater('innerT', '/ajax/everyone', {method:'get' });
        })

        $('ripplesHistory').observe('click', function(){
            clearSelectedTab()
            this.className = 'selectedTab';

            new Ajax.Updater('innerT', '/ajax/history', {method:'get' });
        })
    })
</script>
<script src="/media/js/friends.js" type="text/javascript"></script>